﻿$(document).ready(function($) {

    $('#JsBox .CancelBtn').click(function(){
        $(this).parents('#JsBox').stop().slideUp(100);
        $('.overlay').remove();
    });
    $('#JsBox .ConfirmBtn').click(function(){
        var _val = $('#scrollBox li.selected').text();
        $('.JsBtn').val(_val);
        $(this).parents('#JsBox').stop().slideUp(100);
        $('.overlay').remove();
    });
    $('.JsBtn').click(function(){
        $('body').append('<div class="overlay"></div>');
        $('#JsBox').stop().slideDown(100);
    });

    $('#scrollBox').scroll(function(){
        var timer;
        var _top = $('#scrollBox ul').position().top;
        var _num = Math.round(Math.abs(_top/55));
        var _cur = $('#scrollBox li.selected').index();
        if( _num != _cur ){
            clearTimeout(timer);
            timer = setTimeout(function(){
                $('#scrollBox').scrollTop(_num*55);
                $('#scrollBox li:eq('+_num+')').addClass('selected').siblings('li').removeClass('selected');
            },100);
        }else{
            $('#scrollBox').scrollTop(_cur*55);
        }
    });

});